import React from 'react';

const AutoHistory = () => {
  return (
    <div className="auto-history-page">
      <h2>自动创作历史</h2>
      
      <div className="history-filter">
        <div className="search-box">
          <input type="text" placeholder="搜索文章标题" />
        </div>
        <div className="date-filter">
          <select>
            <option value="">全部时间</option>
            <option value="today">今天</option>
            <option value="week">本周</option>
            <option value="month">本月</option>
          </select>
        </div>
      </div>
      
      <div className="history-table">
        <table>
          <thead>
            <tr>
              <th>文章标题</th>
              <th>创建时间</th>
              <th>状态</th>
              <th>操作</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td colSpan={4} className="empty-data">暂无自动创作历史</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  );
};

export default AutoHistory; 